prettier

2 files changed, 63 insertions, 57 deletions

diff --git a/src/routes/(app)/[username]/request/[id]/+page.server.js b/src/routes/(app)/[username]/request/[id]/+page.server.js
index 89792ab8..09cce465 100644
--- a/src/routes/(app)/[username]/request/[id]/+page.server.js
+++ b/src/routes/(app)/[username]/request/[id]/+page.server.js
@@ -1,25 +1,26 @@
-import { auth, get } from '$lib/utils';
-import { redirect } from '@sveltejs/kit';
+import { auth, get } from "$lib/utils";
+import { redirect } from "@sveltejs/kit";
 
 export let load = async ({ cookies, depends, params, parent }) => {
-	depends('app:invoice');
+  depends("app:invoice");
 
-	let { user } = await parent();
-	if (!user) throw redirect(307, '/login');
+  let { user } = await parent();
+  if (!user) throw redirect(307, "/login");
 
-	let { request } = await get(`/request/${params.id}`, auth(cookies));
-	let { invoice } = request;
+  let { request } = await get(`/request/${params.id}`, auth(cookies));
+  let { invoice } = request;
 
-	if (invoice) {
-		let { amount, received, id } = invoice;
-		if (
-			request.recipient.username === user.username &&
-			((received && !amount) || received >= amount)
-		)
-			throw redirect(307, `/${user.username}/invoice/${id}/paid`);
+  if (invoice) {
+    let { amount, received, id } = invoice;
+    if (
+      request.recipient.username === user.username &&
+      ((received && !amount) || received >= amount)
+    )
+      throw redirect(307, `/${user.username}/invoice/${id}/paid`);
 
-		if (request.requester.username === user.username) throw redirect(307, `/send/${id}`);
-	}
+    if (request.requester.username === user.username)
+      throw redirect(307, `/send/${id}`);
+  }
 
-	return { request };
+  return { request };
 };
diff --git a/src/routes/(app)/[username]/request/[id]/+page.svelte b/src/routes/(app)/[username]/request/[id]/+page.svelte
index bdd14f4a..f9672c6f 100644
--- a/src/routes/(app)/[username]/request/[id]/+page.svelte
+++ b/src/routes/(app)/[username]/request/[id]/+page.svelte
@@ -1,52 +1,57 @@
 <script>
-	import { scale } from 'svelte/transition';
-	import { t } from '$lib/translations';
-	import { Avatar, Icon } from '$comp';
-	import { f, sat, sats } from '$lib/utils';
-	import { request as req, requestRedirect } from '$lib/store';
-	import { onMount } from 'svelte';
+  import { scale } from "svelte/transition";
+  import { t } from "$lib/translations";
+  import { Avatar, Icon } from "$comp";
+  import { f, sat, sats } from "$lib/utils";
+  import { request as req, requestRedirect } from "$lib/store";
+  import { onMount } from "svelte";
 
-	export let data;
-	let { request, user } = data;
+  export let data;
+  let { request, user } = data;
 
-	let amount, currency, rate, fiat;
-	if (request.invoice) {
-		({ amount, rate, currency } = request.invoice);
-		fiat = (amount * rate) / sats;
-	}
+  let amount, currency, rate, fiat;
+  if (request.invoice) {
+    ({ amount, rate, currency } = request.invoice);
+    fiat = (amount * rate) / sats;
+  }
 
-	onMount(() => req.set());
+  onMount(() => req.set());
 </script>
 
 <div class="container px-4 max-w-xl mx-auto space-y-8">
-	<div class="text-center mb-8 space-y-5">
-		{#if request.recipient_id === user.id}
-			<p class="text-4xl break-words">
-				<span class="text-xl md:text-2xl">{$t('payments.sentInvoiceTo')}</span>
-			</p>
-			<div class="flex p-1 gap-2 justify-center">
-				<Avatar user={request.requester} size={20} />
-				<p class="text-4xl break-words my-auto">{request.requester.username}</p>
-			</div>
-			<div>
-				<h2 class="text-2xl md:text-3xl font-semibold">
-					{f(fiat, currency)}
-				</h2>
-				<h3 class="text-secondary md:text-lg mb-6 mt-1">{sat(amount)}</h3>
-			</div>
-		{:else}
-			<div class="flex w-full max-w-[200px] mx-auto py-20" in:scale={{ start: 0.5 }}>
-				<Icon icon="check" style="mx-auto" />
-			</div>
-			<p class="text-3xl">
-				{$t('payments.sentRequestTo')}
-			</p>
-		{/if}
-	</div>
+  <div class="text-center mb-8 space-y-5">
+    {#if request.recipient_id === user.id}
+      <p class="text-4xl break-words">
+        <span class="text-xl md:text-2xl">{$t("payments.sentInvoiceTo")}</span>
+      </p>
+      <div class="flex p-1 gap-2 justify-center">
+        <Avatar user={request.requester} size={20} />
+        <p class="text-4xl break-words my-auto">{request.requester.username}</p>
+      </div>
+      <div>
+        <h2 class="text-2xl md:text-3xl font-semibold">
+          {f(fiat, currency)}
+        </h2>
+        <h3 class="text-secondary md:text-lg mb-6 mt-1">{sat(amount)}</h3>
+      </div>
+    {:else}
+      <div
+        class="flex w-full max-w-[200px] mx-auto py-20"
+        in:scale={{ start: 0.5 }}
+      >
+        <Icon icon="check" style="mx-auto" />
+      </div>
+      <p class="text-3xl">
+        {$t("payments.sentRequestTo")}
+      </p>
+    {/if}
+  </div>
 </div>
 
 <a href={$requestRedirect || `/${user.username}`}>
-	<div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50" />
+  <div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50" />
 </a>
 
-<div class="fixed bottom-10 left-0 text-center w-full">{$t('payments.tapAnywhere')}</div>
+<div class="fixed bottom-10 left-0 text-center w-full">
+  {$t("payments.tapAnywhere")}
+</div>